<template>
    <div>
        <div class=" show-pc">
            <div class="logo" @click="handleclose">
                <a href="/">
                    <img src="../../../assets/images/new_img/Logo.png" class="logo light" />

                    <img src="../../../assets/images/new_img/Logo1.png" class="logo dark" />
                </a>
            </div>
        </div>

        <div class=" show-wap">
            <div class="logo_wap">
                <a href="/">

                    <img src="../../../assets/images/new_img/Logo.png" class="logo light" />

                    <img src="../../../assets/images/new_img/Logo1.png" class="logo dark" />
                </a>
            </div>
        </div>
    </div>



</template>

<script setup>
import { useStore } from '@/store'
const { themeStore } = useStore()




const handleclose = () => {
    themeStore.searcShow.txet = '';
    themeStore.searcShow.visible = !themeStore.searcShow.visible
  

}
</script>

<style lang="less" scoped>
.logo {
    width: 2.7vw;
    height: 2.7vw;
    margin-right: 0.2vw;

}

.logo_wap {
    .logo {
        width: 47px;
        height: 45px;
        margin-top: 6px;


    }

}

.logo.dark {
    display: none;
}

html.dark .logo.light {
    display: none;
}

html.dark .logo.dark {
    display: block;
}
</style>
